<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="./zymcss/login.css">
    <link rel="icon" href="./zymimg/logo.png">
    <title>小说,小说网-纵横中文网|最热门的免费小说网</title>
</head>
<body>
<header>
    <div class="header-box">
        <div class="logo">
            <img src="https://static.zongheng.com/v2014/images/logo.png" alt="" style="height: 66px; width: 226; margin-right: 10px;">
        </div>
        <div style="margin-left:auto;">
            <a href="./register.html" style="color:#666; text-decoration:none; margin-right:20px;">没有账号？</a>
            <a href="./register.html"
                style="background:#a12621; color:#fff; padding:4px 12px; border-radius:3px; text-decoration:none;">注册</a>
        </div>
    </div>
</header>
<main>
    <div class="left-img">
         <img src="https://static.zongheng.com/v2017/images/pass/enterzh.png" alt="">
    </div>
    <div class="form-container">
        <div class="tab-switch" onclick="changeTab()">
            <div class="active" data-index="0">短信快速登录</div>
            <div data-index="1">账号密码登录</div>
        </div>
        <div class="tab1">
            <form>
                <div class="form-content">
                    <div class="form-item">
                        <div class="img-box1"></div>
                        <input type="text" class="username" name="username" placeholder="请输入手机号/纵横账号">
                    </div>
                    <div class="form-item" style="margin-top:15px;">
                        <div class="img-box2"></div>
                        <input type="password" class="password" name="password" placeholder="请输入密码">
                    </div>
                    <div style="margin-top:15px;">
                        <input type="checkbox" class="autoLogin" name="autoLogin" checked>
                        <label for="autoLogin" style="font-size:12px; color:#888;">登录账号代表您已同意《用户协议》和隐私政策</label>
                    </div>
                </div>
            </form>
            <div style="margin-top:18px; font-size:12px; color:#999; text-align:right;">
                <a href="#" style="color:#a12621; text-decoration:none;">忘记密码？</a>
            </div>
        </div>
        <div class="tab2">
            <form>
                <div class="form-content">
                    <div class="form-item">
                        <div class="img-box1"></div>
                        <input type="text" class="username" name="username" placeholder="请输入手机号">
                    </div>
                    <div class="form-item2" style="margin-top:15px;">
                        <div class="img-box3"></div>
                        <input type="text" class="tab2psw" name="password" placeholder="请输入验证码">
                        <p class="getyzm">发送验证码</p>
                    </div>
                    <div style="margin-top:15px;">
                        <input type="checkbox" class="autoLogin" name="autoLogin" checked>
                        <label for="autoLogin" style="font-size:12px; color:#888;">登录账号代表您已同意《用户协议》和隐私政策</label>
                    </div>
                </div>
            </form>
        </div>
        <p class="enter" onclick="gotoindex()" style="margin-top:20px; background:#a12621; color:#fff; padding:10px; cursor:pointer;text-align: center;">登录</p>
    </div>
</main>
<footer style="font-size:12px; color:#999; padding:30px 20px; text-align:center;">
    <div>友情链接 | 隐私条款 | 关于我们 | 联系方式 | 帮助文档 | 广告合作 | 联系客服 | 用户协议 | 版权声明 | 版权投诉 | 网站导航 | 手机版</div>
    <div style="margin-top: 10px;">©2023 纵横中文网 版权所有 沪ICP备11026521号</div>
    <div style="margin-top: 5px;">地址：上海市杨浦区创业路 366号 B座 9楼 邮编：200433</div>
</footer>
</body>
<script src="./zymjs/dongxiao.js"></script>
</html>
